html{
  font-size: 14px;
  background:#F7FAFB;
  color: #333;
}

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  // touch-action: none;
}
*:not(input,textarea) { 
  -webkit-touch-callout: none; 
  -webkit-user-select: auto; 
}
ul,li{list-style: none;}
a{text-decoration: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input::input-placeholder{
  color: #999!important;
} 
button{
  border: 0;
}
html {
// -webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: 100%;
-webkit-overflow-scrolling : touch;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
input[type="search"]::-webkit-search-cancel-button{
  display: none;
}
body {
  line-height: 1.6;
  background-color: #f6f6f6;
  font-family: PingFangSC-Regular;
  padding-top: constant(safe-area-inset-top);
  padding-bottom: constant(safe-area-inset-bottom);
}
body,html,#app{
  overflow-x: hidden;
  height: 100%;
}
#app {
  position: relative;
}
ul,li{
  list-style: none;
}
.ellipsis{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* 禁止缩放表单 */
input {
  resize: none;
  border: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type=button], input[type=submit], input[type=file], button { 
  cursor: pointer; 
  appearance: none; 
}
/* 取消链接高亮 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 margin: 0;
 padding: 0
}
*{
  box-sizing: content-box;
}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
*:focus {outline: none;} 
/* 图片自适应 */
img {
  width: 100%;
  height: auto;
  width: auto\9; 
  display: block;
  -ms-interpolation-mode: bicubic;
}

//转场动画
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active,
.slide-opacity-show-leave-active,
.slide-opacity-hide-leave-active {
    // 启用硬件加速
  will-change: transform;
  position: fixed;
}
.slide-opacity-show-leave-active,
.slide-opacity-hide-leave-active {
  transition: all 100ms;
}
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active{
  transition: all 200ms;
}

.app-layout-wrapper,.app-layout-wrapper > div{
 width: 100%;
 height: 100%;
}
.slide-right-enter {
  opacity: 0;
  transform: translate(-100%, 0);
  transition-timing-function:ease-out;
}
.slide-right-leave-active {
  opacity: 0;
  // 安卓手机上同时进行离开和进入会出现闪白现象，暂时不启用离开动画
  transform: translate(100%, 0);
  transition-timing-function:  cubic-bezier(0.5,0,1,1);
}
.slide-left-enter {
  opacity: 0;
  width: 100%;
  transform: translate(100%, 0);
  transition-timing-function:ease-in;
}
.slide-left-leave-active {
  opacity: 0;
  //安卓手机上同时进行离开和进入会出现闪白现象，暂时不启用离开动画
  transition-timing-function:  cubic-bezier(0.5,0,1,1);
  transform: translate(-100%, 0);
}

.slide-opacity-hide-enter {
  opacity: 0;
  transition-timing-function:ease-out;
}
.slide-opacity-hide-leave-active {
  opacity: 0;
  // 安卓手机上同时进行离开和进入会出现闪白现象，暂时不启用离开动画
  transition-timing-function:  cubic-bezier(0.5,0,1,1);
}
.slide-opacity-show-enter {
  opacity: 0;
  width: 100%;
  transition-timing-function:ease-in;
}
.slide-opacity-show-leave-active {
  opacity: 0;
  //安卓手机上同时进行离开和进入会出现闪白现象，暂时不启用离开动画
  transition-timing-function:  cubic-bezier(0.5,0,1,1);
}